<template>
    <div class="xinrengood">
        <div>
            <div class="a">
                <img src="../../public/ykf-img/good2.jpg" alt="">
            </div>

            <div>
                <p>
                    [正品包邮] 2019款Mac
                </p>
                <div>
                    <span>新人立减30.9</span>
                </div>
            </div>
            
            <div>
                <span>
                    新人到手价1.3元
                </span>
            </div>
        </div>
    </div>
</template>

<script>
    import Vue from 'vue'

    export default {
        
    }
</script>

<style lang="stylus" scoped>
    .xinrengood>div
        height 2.42rem
        width 1.62rem
        display flex
        flex-direction column
        border .02rem solid rgb(255, 98, 98)
        border-radius .06rem
        // flex 1
        div:nth-child(1)
            width 1.58rem
            height 1.25rem
            border-radius .06rem
            overflow hidden
            // flex 1
            img 
                // display inline-block
                width 1.585rem
                height 1.25rem
                // border-radius .06rem

        
        >div:nth-child(2)
            padding .14rem .1rem
            font-size .13rem
            >p
                line-height .2rem
            >div    
                line-height .2rem
                padding-top .05rem
                span 
                    border .01rem solid rgb(255, 98, 98)
                    color rgb(255, 98, 98)
                    padding 0 .05rem
                    border-radius .05rem

        >div:nth-child(3)
            padding 0 .1rem
            font-size .13rem
            text-align center
            span 
                display inline-block
                height .3rem
                background-color rgba(102, 110, 232, 1)
                border-radius .15rem
                line-height .3rem
                color white
                font-size .14rem
                width 1.42rem


</style>